<template>
  <el-col>

    <el-tabs v-model="activeName2" type="card" >
      <el-tab-pane label="用水能耗监测" name="first">
        <img src="../../assets/zl/ny/1.png" alt="">
      </el-tab-pane>
      <el-tab-pane label="能效监测" name="second">
        <img src="../../assets/zl/ny/2.png" alt="">
      </el-tab-pane>
      <el-tab-pane label="能效监测" name="third">
        <img src="../../assets/zl/ny/3.png" alt="">
      </el-tab-pane>
      <el-tab-pane label="能效监测2" name="fourth">
        <img src="../../assets/zl/ny/4.png" alt="">
      </el-tab-pane>
    </el-tabs>

  </el-col>
</template>

<script>
  export default {
    data() {
      return {
        activeName2:'first'
      }
    }
    
  }
</script>

<style scoped>

</style>